<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript">   
     window.onunload = onunload_message;   
     function onunload_message(){   
        alert("您确定离开该网页吗？");   
    }   
</script> 

</head>

<body onbeforeunload="return myFunction()">

	<h1>欢迎访问ssssss我的首页</h1>
	<p>请关闭窗口，或按 F5 刷新页面。</p>


	<script type="text/javascript">
		// 		window.onbeforeunload = onbeforeunload_handler;
		// 		window.onunload = onunload_handler;
		// 		function onbeforeunload_handler() {
		// 			var warning = "确认退出?";
		// 			return warning;
		// 		}

		// 		function onunload_handler() {
		// 			var warning = "谢谢光临";
		// 			alert(warning);
		// 		}

		//以下实验无效果
// 		window.onbeforeunload = function() {
// 			return '确定要离开吗？'
// 		}

		//以下实验，也没有效果 body加 onunload="test();"
// 		function test(){
// 			alert("aa");
// 		}
		
		//以下实验，没有效果
// 		function beforeUnloadHandler(event){
// 			event.returnValue = "要离开吗？"
// 		}
// 		window.addEventListener('beforeunload',beforeUnloadHandler,true);
	</script>
	
	<script>
        function myFunction() {
            return "我在这写点东西...";
        }
    </script>
</body>
</html>